<template>
	<view>
		
		  
		  <Card     headTitle='热门搜索'     bodyCover='../../static/images/demo/demo4.jpg'>
				     
		  </Card>
		  
		  
		  <!-- hot 热门 -->
		  
		  <Card>		  
		  		<color-tag  v-for='(item,index) in hot' :key='index'  :item='item'></color-tag>	    
		  </Card>
		  <!-- 常用分类 -->
		  <Card    headTitle='常用分类'>	  
		  		<color-tag  v-for='(item,index) in cate' :key='index'  :item='item'></color-tag>	  		  
		  </Card>
		  
		  <Card    headTitle='搜索记录'>
			<!--  <item-li></item-li> -->
			<uni-list-item title='小米手机'>
				
			</uni-list-item>
			<uni-list-item title='大米手机'>
				
			</uni-list-item>
			
			<uni-list-item>
				超级大米电视
			</uni-list-item>
			
			
		  </Card>
	</view>
</template>

<script>
	
	
	import  Card from '@/components/common/card.vue'
	
	import  colorTag from '@/components/search/color-tag.vue'
	
	import  uniListItem from '@/components/uni-ui/uni-list-item/uni-list-item.vue'
	export default {
		
		components:{
			Card,
			colorTag,
			uniListItem
		},
		data() {
			return {
				hot: [{
						name: '领券中心'
					},
					{
						name: 'Redmi K20'
					},
					{
						name: 'RedmiBook 14'
					},
					{
						name: '智能积木 越野四驱车'
					},
					{
						name: '手环 腕带'
					},
			
				],
			
				cate: [{
						name: '耳机'
					},
					{
						name: '手机'
					},
					{
						name: '音箱'
					},
					{
						name: '手表'
					},
					{
						name: '配件'
					},
					{
						name: '网关/传感器'
					},
					{
						name: '健康'
					},
					{
						name: '酷玩'
					},
				],
			
			}
		},
		
		onNavigationBarButtonTap(e) {
			 console.log(e)
			 if(e.index==0) {
				uni.navigateTo({
					url:'../search-list/search-list'
				})
			 }
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
